隨抄即用!上百種「響應式設計(Responsive Design)」版型,讓你拷貝貼上套用!
本文 FB 網址: https://goo.gl/rarBOZ
網站: http://goo.gl/6CuCV
#CSS #ResponsiveDesign
大家聽過「響應式設計(Responsive Design)」嗎?也有人翻譯成「自適應設計」。它是一種隨著螢幕大小,會將網頁版型自動重排,讓使用者不管在哪種大小的螢幕,都有舒適閱讀體驗的一種技術。這種技術在目前「多螢網路」(多螢 = 多種螢幕尺寸)呈現網頁內容時特別重要,於是乎近年來「網站要有響應式設計」,漸漸成了接案時業主指名的「標準配備」之一。
今天要介紹給各位的,是一個叫做「This is Responsive」的網站。它把上百種常見的「響應式設計版型」,如三欄式內容、二欄式內容、帶側邊欄或上邊列的版型...,全都無私地公開 HTML/CSS/JavaScript 原始碼給你看!這讓一般想接觸「響應式設計」的朋友,不僅有觀摩的機會,還能挑選喜歡的版型,「拷貝貼上」到自己創作的網頁上。我個人認為是個「學習、應用」都很不錯的網站,所以推薦給大家!
今天推薦的內容,希望大家喜歡!覺得不錯還請按讚打賞,或者轉發分享喔!有任何疑問,一樣歡迎點擊上方「本文 FB 網址」,到下方留言給我一起討論!祝福大家一天愉快!並且在網頁程式設計這條學習的道路上順順利利的!
PS: 想看高畫質(HD),請點擊影片右下角的「齒輪」圖示,勾選「高畫質」喔!